import { Component } from 'react'
import { View, Text } from '@tarojs/components'
import { AtButton, AtAvatar, AtTabs, AtTabsPane } from 'taro-ui'
import "taro-ui/dist/style/components/button.scss" // 按需引入
import './index.less'
import TabBar from "../common/taBar";


//效果评价
import Taro from '@tarojs/taro';


export default class Index extends Component {
  constructor () {
    super(...arguments)
    this.state = {
      current: 0,
    }
  }


  handleClick(value) {
    this.setState({
      current: value
    })
  }

  render() {
    const tabList = [{ title: '已评价' }, { title: '未评价' }]
    return (
      <View className='index'>
        <AtTabs current={this.state.current} tabList={tabList} onClick={this.handleClick.bind(this)}>
          <AtTabsPane current={this.state.current} index={0} >
            <View style='background-color: #FAFBFC;text-align: center;' >


              <view className='table-card' >
                {/* <view className='patien-name'><Text>患者姓名：</Text><Text>赵语</Text></view> */}
                <View className='at-row title'>
                  <View className='at-col'>日期</View>
                  <View className='at-col'>疾病</View>
                  <View className='at-col'>总体评价</View>
                  <View className='at-col'>操作</View>
                </View>
                <View className='at-row table-td-wi'>
                  <View className='at-col'>2016-10-01</View>
                  <View className='at-col'>感冒</View>
                  <View className='at-col'>2.4分</View>
                  <View className='at-col'><Text>查看</Text></View>
                </View>
                <View className='at-row table-td-hu'>
                  <View className='at-col'>2016-10-01</View>
                  <View className='at-col'>感冒</View>
                  <View className='at-col'>2.4分</View>
                  <View className='at-col'><Text>查看</Text></View>
                </View>
              </view>
            </View>
          </AtTabsPane>
          <AtTabsPane current={this.state.current} index={1}>
            <View style='background-color: #FAFBFC;text-align: center;'>
              

            <view className='table-card' >
           
                <View className='at-row title'>
                  <View className='at-col'>日期</View>
                  <View className='at-col'>疾病</View>
                  <View className='at-col'>总体评价</View>
                  <View className='at-col'>操作</View>
                </View>
                <View className='at-row table-td-wi'>
                  <View className='at-col'>2016-10-01</View>
                  <View className='at-col'>感冒</View>
                  <View className='at-col'>2.4分</View>
                  <View className='at-col'><Text>评价</Text></View>
                </View>
                <View className='at-row table-td-hu'>
                  <View className='at-col'>2016-10-01</View>
                  <View className='at-col'>感冒</View>
                  <View className='at-col'>2.4分</View>
                  <View className='at-col'><Text>评价</Text></View>
                </View>
              </view>
              </View>
          </AtTabsPane>
        </AtTabs>

        <TabBar tabBarCurrent={3} />
      </View>
    )
  }
}
